<template>
<!-- 选择疾病 -->
    <div class="Re_disease">
        <!--有点击事件-->
        <header class="Re_disease_header">
            <p class="Re_disease_to_back"><img src="../../../static/imgs/return.png"></p>
            <p>选择疾病</p>
        </header>
        
        <main class="main">
              <section class="Re_disease_content">
                     <img src="../../../static/imgs/dd_picture.png">
                     <span>已选科室:</span> 
                     <input type="text" />
              </section>
              
              <section class="Re_disease_center">
                  
              </section>
        </main>

    </div>

</template>
<script>
    export default {
        name:'Re_disease'

    }
</script>
<style scoped lang='less'>
.PxToRem(@name, @px){
@{name}: @px / 75 * 1rem;
}

.Flex{
    display:flex;
    justify-content: space-between;
    align-items: center;
    
}

body{
      background: #eff3f2; 
      scroll:none;
      
}
.Re_disease_header{
        .Flex;
        .PxToRem(font-size, 35);
        .PxToRem(height, 88);
         background: url(../../../static/imgs/Reg_serve_bg01.jpg);
         padding:0 2%;
     p:nth-child(1){
        
           span{
              .PxToRem(margin-left, 39);
               .PxToRem(margin-bottom, 39);
           }
           img{
               .PxToRem(width, 60);
               .PxToRem(height, 50);
           }
   }
     p:nth-child(2){
       .PxToRem(padding-left, 30);
       flex: 2;
       
   }
}

.main{
    .Re_disease_content{
         background: #fff;
        .PxToRem(height, 255);
        img{
            .PxToRem(padding-left, 45);
            .PxToRem(width, 152);
            .PxToRem(height, 152);
        }
        span{
            color: #999999;
            .PxToRem(font-size, 37);
            .PxToRem(padding-left, 48);
        }
        .Flex;
        input{
            flex: 2;
            border: none;
            .PxToRem(height, 80);
        }
    }
    
    .Re_disease_center{
         background: #fff;
        .PxToRem(margin-top, 30);
        display: flex;
        flex-wrap: wrap;
        padding: 2% 8% 2% 4%;
        
        p{
             border: 1px solid #999999;
             .PxToRem(padding, 15);
             .PxToRem(height, 30);
             .PxToRem(margin, 8);
             background: #fff;
             .PxToRem(border-radius, 15);
             color: #999999;
             
        }
    }
}


</style>











